<?php
/**
 * Created by PhpStorm.
 * User: Administrator
 * Date: 2020/8/21 0021
 * Time: 下午 7:37
 */
require_once "./common.php";

?>

<body>
<!--数据表格-->
<h1 style="text-align: center;">留言板</h1>
<button data-method="setTop" id="addmessage" class="layui-btn">点击增加留言</button>
<table id="demo" lay-filter="test"></table>
<script>
    layui.use(['table',"laypage","layer","jquery"], function(){
        var table = layui.table;
        var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句


        //触发事件
        $("#addmessage").click(function () {
            var index = layer.open({
                type: 2,
                title: '这是增加留言页面',
                shadeClose: true,
                shade: false,
                maxmin: true, //开启最大化最小化按钮
                area: ['893px', '600px'],
                content: './addMessage.php',
                end: function() {
                    //刷新页面,
                    layer.close(index);
                },
            });
            //layer.full(index);
        });


        //第一个实例
        table.render({
            elem: '#demo'
            ,url: 'http://www.quan.com/data.php' //数据接口
            ,page: {
                limit : 1
                ,curr: 1 //设定初始在第 1 页
                ,limits:[1,3,5]
            } //开启分页

            ,cols: [[ //表头
                {field: 'id', title: 'ID', width:70, sort: true, fixed: 'left'}
                ,{field: 'user_name', title: '发帖人', edit: 'text'}
                ,{field: 'title', title: '标题'}
                ,{field: 'content', title: '内容'}
                ,{field: 'create_time', title: '发帖时间',sort: true}
            ]]
        });
    });
</script>
</body>
</html>
